<template>
  <div>
    <div class="head">
      <a @click="$router.push({path: '/PropertyCrowdfunding'})" class="return"></a>
      {{$t('ForMy.v1')}}
    </div>
    <div class="overlay">
      <div class="overlay-content scrolling" style="padding-top:10px;">
        <van-cell-group>
          <van-cell :title="$t('ForMy.v2')" @click="$router.push({path: '/MyProject'})"/>
        </van-cell-group>
        <van-cell-group>
          <van-cell :title="$t('ForMy.v3')" @click="$router.push({path: '/MyDividend'})"/>
        </van-cell-group>
        <van-cell-group>
          <van-cell :title="$t('ForMy.v4')" @click="$router.push({path: '/MySettlement'})"/>
        </van-cell-group>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "ForMy",
        data() {
            return {

            };
        },
        methods: {

        }
    }
</script>

<style lang="less" scoped>
  .overlay {
    background: rgb(245, 245, 245);
    color: black;
  }

  .head {
    background: white;
    color: black;
  }

  .head .return:after {
    border-color: #000;
  }

  /deep/ .van-cell {
    background: white;
  }
</style>
